﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS 说明</title>
<link href="../css/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="bodyDiv">

<h3 class="tH3">a DOM 操作库</h3>

<div class="word">
    函数版本 1.0 <br>
</div>


<textarea class="property cheek" style="height:2600px;">
a 函数参数格式
a('#tag')    id
a('.tag')    类名
a(':tag')    表单
a('tag')     标签

标签DOM处理格式
a('tag').html('888');                                                  // 更新所有tag标签内容
a('tag').limit([1,3]).html('888');                                     // 比如有6个tag标签，只更新1,3标签内容
a('tag').html();                                                       // 获取所有tag标签最后一个标签的内容
a('tag').limit([3]).html();                                           // 比如有6个tag标签，只获取3标签内容
a('tag').and(['h3','.h2','#h1']).html('888');                        // 多级联查模式处理标签，并且更新标签内容
a('tag').and(['h3','.h2','#h1']).limit([1,3]).html('888');            // 只更新1,3标签内容
a('tag').order({'h3':[1,3],'.em':[1,5]}).html('888');          // 筛选模式处理标签内容，如果有6个h3标签，我们只处理1,3下面的.em子标签，同时.em子标签只处理1,5内容

支持上面所有赛选条件
a('tag').text('888');                      // 更新表单内容，
a('tag').text();                      // 获取表单内容，

a('tag').attr('class','888');                // 设置标签属性值，
a('tag').attr('class');                  // 获取标签属性值，

a('tag').class('888');                    // 设置类名

a('tag').css('backgroundColor','#000');  // 单个设置CSS样式
a('tag').css('style','background-color:#000;height:10px'); // 批量设置CSS样式

// 添加标签
a('tag').tagIn({'limit':1,'tag':'li','sort':2},function(dom){
	// 添加新标签并且给标签添加内容
	dom.innerHTML='888';
});
// 删除标签
a('tag').tagDe({'limit':1,'tag':'li','sort':[1,3]});
// 排序标签
a('tag').tagSo({'limit':1,'tag':'li','sort':[3,1]}); // 把第3个元素放到第1个元素前面 比如有：1-2-3-4 ，经过排序变成 3-1-2-4
// 标签参数格式
{'limit':父标签位置，如果只有一个父标签就1，如果有3个，选2就标签选中第2个父标签,'tag':'标签名','sort':[标签位置]}

//  fo 把单个DOM元素返回让我们在外部编写处理值
a('tag').fo(function(dom){
	dom.innerHTML='888'; // 比如我们编写一个更新内容的值原生代码
});

// fu 把整个DOM元素对象返回出来，可以更加灵活的去编写我们的处理代码
a('tag').fu(function(obj){
	console.log(obj); // 打印元素对象
});

// on 鼠标事件注册
a('tag').on('click',function(dom,obj){
	// 返回值
	// dom 当前鼠标事件对象
	// obj 全部标签对象
        console.log(obj);
});

// 获取元素尺寸，目前只能支持 width - height - left - top
a('tag').size('width')





</textarea>


</div>
</body>
</html>
